<template>
  <view class="page-container-wrapper">
    <view class="header-cls">租赁服务协议</view>
    <view class="p-cls">
      甲方（商家）：{{ agreementData.shopName }}
    </view>
    <view class="p-cls">甲方地址：{{ agreementData.shopAddress }}</view>
    <view class="p-cls">
      乙方（租户）：{{ agreementData.userName }}
    </view>
    <view class="p-cls">乙方身份证号：{{ agreementData.idNo }}</view>
    <view class="p-cls">
      乙方手机号码：{{ agreementData.telephone }}
    </view>
    <view class="p-cls">
      乙方租用产品：{{ agreementData.productName }}
    </view>
    <view class="p-cls">
      丙方（平台）：{{ agreementData.platformName }}
    </view>
    <view class="p-cls">
      丙方地址：{{ agreementData.platformAddress }}
    </view>
    <view class="p-cls">甲乙丙三方关系说明：</view>
    <view class="p-cls">
      【甲方】系指通过平台进驻成为租赁商的商家，自愿签署《租赁商家入驻合作协议》，且已阅览并同意本协议所有条款，认可本协议的法律效力。
    </view>
    <view class="p-cls">
      【乙方】系指同意本协议条款并通过{{ agreementData.platform }}
      平台下单租用甲方产品的租赁用户。
    </view>
    <view class="p-cls">
      【丙方】系指{{ agreementData.company }}
      为甲乙双方提供技术和服务支持的在线交易平台（本协议简称“平台”）。
    </view>
    <view class="p-cls bold-cls">
      甲方依据本《租赁服务协议》（“本协议”）的约定通过丙方为乙方提供租赁服务，请乙方务必审慎阅读本协议，乙方勾选
      “我同意《租赁服务协议》”并完成实名认证成功下单后，即视为乙方已经充分阅读并接受本协议全部条款，甲乙双方租赁服务关系即成立，本协议立即生效且具有法律效力。
    </view>
    <view class="p-cls bold-cls">
      本协议
      <text>签署地默认为安徽省合肥市包河区</text>
      ，合同履行过程中发生的争议的，任何一方可向
      <text>甲方所在地有管辖权的人民法院</text>
      或
      <text>丙方所在地有管辖权的人民法院</text>
      提起诉讼。
    </view>

    <view class="p-cls title-cls">第一条 关于设备</view>
    <view class="p-cls">1.1 租赁订单的设备详细信息如下</view>
    <view class="p-cls">订单编号：{{ agreementData.orderId || "" }}</view>
    <view class="p-cls">下单人姓名：{{ agreementData.userName }}</view>
    <view class="p-cls">联系电话：{{ agreementData.telephone }}</view>
    <view class="p-cls">收货城市：{{ agreementData.reciveCity || (address && `${address.provinceStr}${address.cityStr}${address.areaStr}`) }}</view>
    <view class="p-cls">
      详细地址：{{ agreementData.reciveAddress || address &&`${address.street}` }}
    </view>
    <view class="p-cls">商品名称：{{ agreementData.productName }}</view>
    <view class="p-cls">
      规格颜色：{{ spec }}
    </view>
    <view class="p-cls">设备数量：1（件）</view>
    <view class="p-cls">总租期：{{ agreementData.totalPeriod || zuqi }}</view>
    <view class="p-cls">
      总租金：{{ zongzujin }}
    </view>
    <view
      v-for="(rentalObj, idx) in planList"
      :key="idx"
      class="p-cls"
    >
      第{{ idx+1 }}期租金：{{ rentalObj && rentalObj.currentPeriodsRent }}
    </view>
    <view class="p-cls">销售价：{{ agreementData.salePrice || xiaoshoujia }}</view>
    <view class="p-cls">
      到期买断价：{{ agreementData.buyOutPrice || daoqimaiduanjia }}
    </view>

    <view class="p-cls bold-cls">
      租户每月付款日为租户订单下单日所对应的自然日（若下单日为29日、30日或31日，但租户在付款当月无前述日期，则该月租户的付款日为该月最后一日）。
    </view>
    <view class="p-cls">其他信息，以下单页面为准。</view>
    <view class="p-cls">
      1.2
      乙方在租用设备下单前应当向甲方及丙方提供自己的身份证真实姓名和身份证号码以及手机号码，同时还应当提供租赁设备准确的邮寄送达地址及联系方式（包括但不限于手机号码、微信号、邮箱等）。乙方提供的身份证地址与邮寄送达地址不一致的，以乙方确认的下单页或发货时确认的邮寄送达地址为准。在租赁期限内，乙方地址及联系方式变更时应及时通知甲方和丙方，否则由此导致租赁设备无法送达或丢失、电话信息失联等一切损失均由乙方承担。
    </view>
    <view class="p-cls">
      1.3
      乙方在租用设备过程中，需确保设备完好，未经甲方同意，不得私自拆卸、私自升级系统或软件服务，否则视为违约，甲方有权要求乙方按照本协议约定承担违约责任并对租用设备进行买断。
    </view>
    <view class="p-cls title-cls">第二条 租金和押金</view>
    <view
      v-for="(item, idx) in secondData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">
      第三条 关于订单取消、租期计算和提前归还
    </view>
    <view
      v-for="(item, idx) in threeData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第四条 续租</view>
    <view class="p-cls">
      4.1
      租赁期限届满后，乙方需要续租的，可以申请续租即在“我的订单”找到租用中的设备，进入订单详情页，点击续租按钮，甲方同意后，乙方继续按原租赁协议约定标准及期限支付租金，无需另行支付押金。乙方续租的，本协议继续有效至展期届满。
    </view>
    <view class="p-cls title-cls">第五条 支付方式</view>
    <view class="p-cls">
      5.1 丙方提供支付宝、储蓄卡、信用卡、芝麻信用授权等支付方式。
    </view>
    <view class="p-cls title-cls">第六条 订单审核</view>
    <view class="p-cls">
      6.1
      订单支付成功后，丙方对乙方订单信息进行评估，若丙方判定乙方风险系数较高，丙方有权让乙方补交押金或补信用授权，订单未补交押金或担保物的，将直接关闭，已经支付的款项原路退还乙方。
    </view>
    <view class="p-cls title-cls">第七条 发票开取</view>
    <view class="p-cls">
      7.1
      发票由甲方提供，开取发票必须符合税法的规定。乙方需开取发票的，开票前需主动联系甲方，然后在下单时一并填写开票所需详细资料。开票内容为“租赁服务费”，类型为增值税普通发票或增值税专用票，下单页面对租赁产品标注可开发票类型。
    </view>
    <view class="p-cls">
      7.2乙方需开具发票的，应下单成功且收到租赁设备后向甲方申请开具，如需纸质发票，可自行前往甲方领取或要求甲方邮寄，邮寄费用由乙方承担。
    </view>
    <view class="p-cls">
      7.3发票开具后，如因乙方原因取消订单，乙方应归还发票原件并承担甲方由此支出的税费，同时须按本协议约定承担违约责任。
    </view>
    <view class="p-cls title-cls">第八条 平台及商家的权利与义务</view>
    <view
      v-for="(item, idx) in eightData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第九条 乙方权利与义务</view>
    <view
      v-for="(item, idx) in nineData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第十条 丙方权利与义务</view>
    <view
      v-for="(item, idx) in tenData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第十一条 失信客户的处理及违约责任</view>
    <view class="p-cls">
      11.1 乙方出现以下情况之一的，将被认定为严重失信客户：
    </view>
    <view class="p-cls">
      （1）逾期7个自然日不支付设备租金或买断款的；
    </view>
    <view class="p-cls">
      （2）租赁期满拒不归还租赁设备或归还的租赁设备不合格的；
    </view>
    <view class="p-cls">
      （3）归还的设备严重损坏，但拒不偿付维修费用及检测费用的；
    </view>
    <view class="p-cls">
      11.2
      对于被列入失信客户名单的乙方，甲方及丙方有权利采取包括但不限于以下的措施：
    </view>
    <view class="p-cls">
      （1）将乙方违约信息及相应负责人个人信息在丙方的平台上公布。
    </view>
    <view class="p-cls">
      （2）有权将违约信息反馈给依法设立的征信机构（包括但不限于芝麻信用管理有限公司），乙方应了解上述违约信息可能影响乙方在征信机构处的信用状况，并可能影响其申请或办理相关服务。
    </view>
    <view class="p-cls">（3）向公安机关报案。</view>
    <view class="p-cls">（4）向法院起诉。</view>
    <view class="p-cls">
      11.3
      乙方同意在下列情形发生时，甲方和乙方之间的租赁服务关系自动转为买卖关系，乙方同意无条件按照本协议、《租赁服务补充协议及签收回执单》约定支付买断款买断本协议租赁设备并承担违约责任：
    </view>
    <view class="p-cls">
      （1）租赁设备在租赁期间遗失、灭失、报废、实质性损坏或乙方自行更换设备主体部分；
    </view>
    <view class="p-cls">
      （2）乙方租期届满后未及时将租赁设备归还甲方或归还的设备不合格；
    </view>
    <view class="p-cls">
      （3）因乙方原因导致设备在租赁期间遭到损坏程度超过免赔范围，且乙方拒绝支付相应维修费用；
    </view>
    <view class="p-cls">
      （4）租赁界限届满后乙方未续租且逾期归还设备超过7个自然日；
    </view>
    <view class="p-cls">
      （5）租赁期间乙方逾期支付租金超过7个自然日的；
    </view>
    <view class="p-cls">
      （6）乙方失联超过7个自然日，甲方或丙方采用乙方提供的地址及信息无法联系乙方或乙方拒绝回复的。
    </view>
    <view class="p-cls">
      11.4
      到期买断款的计算方式为租赁设备销售价减去已付租金。乙方在收到甲方或丙方的书面通知之日起七日内应当支付买断款。
    </view>
    <view class="p-cls">
      11.5乙方在租赁期限届满后未及时归还设备的，甲方有权继续按协议约定收取租金并以月租金x0.05%/天向乙方收取违约金；若乙方逾期归还设备超过7天的，甲方可直接向丙方申请扣除乙方全部押金，并要求乙方买断租赁设备。
    </view>
    <view class="p-cls">
      11.6
      本协议签订后，乙方逾期支付租金或者买断款等任一笔款项的，每逾期一日应按应付未付款金额0.05%的标准向甲方支付违约金至全部款项清偿完毕之日止。
    </view>
    <view class="p-cls">
      11.7乙方擅自提前归还设备的，需按照本协议约定支付已使用期间的租金，并按照租赁设备总租金的30%向甲方支付违约金。
    </view>
    <view class="p-cls title-cls">第十二条 隐私政策及信息保护</view>
    <view
      v-for="(item, idx) in twelveData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第十三条 协议终止</view>
    <view
      v-for="(item, idx) in thirteenData"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第十四条 争议处理</view>
    <view class="p-cls">
      14.1本协议履行过程中发生争议的，双方应友好协商解决，协商不成的，任何一方可向甲方所在地有管辖权的人民法院或丙方有管辖权的人民法院提起诉讼。守约方为实现债权所产生案件受理费、诉讼保全费、保全担保费、公告费、律师费、差旅行费等一切费用均由违约方承担。
    </view>
    <view class="p-cls">
      14.2在对乙方追索第2.1条、第2.4条、第2.5条、第4.1条以及第12条约定的债权时，为实现债权的便利性，甲方确认将前述债权转让给平台，由平台以自己名义向乙方主张，平台实现债权而产生仲裁费、因使用丙方有管辖权的人民法院服务方提供服务而产生的人员法院服务费、诉讼保全费、公告费、差旅行费等一切费用由乙方承担。债权转让通知由平台通过短信、电子邮件、平台站内信/站内消息、网站公告等方式告知乙方。
    </view>

    <view class="p-cls title-cls">第十五条 证据保存</view>
    <view class="p-cls">
      15.1本协议为电子协议，在甲方、乙方确认后，通过杭州天谷信息科技有限公司（e签宝）电子签约平台完成电子签名和三方存档。
    </view>
    <view class="p-cls">
      15.2丙方及本次电签服务提供方杭州天谷信息科技有限公司（e签宝），有权将甲乙双方的个人/机构身份信息、证件复印件或扫描件及签约合同信息相应传输至电子商务认证授权机构（CA,Certificate
      Authority）或公证处，由CA以出具电子签名认证证书之目的或公证处以出具公证文件之目的使用并保存，且前述信息至少保存至电子签名认证证书失效后或相关电子数据（包括但不限于签约合同电子数据）产生后5年，并且该等信息不因终止使用平台的服务而停止保存。
    </view>
    <view class="p-cls">
      15.3
      本协议有效期自丙方下单并依约支付租金日起至乙方收回设备检测合格且丙方结清所有租金等费用之日止。
    </view>
    <view class="p-cls">
      15.4
      乙方下单网页页面、甲方发货单等均是本协议附件，与本协议有同等法律效力。
    </view>
    <view class="p-cls title-cls">第十六条 通知及送达</view>
    <view
      v-for="(item, idx) in sixteen"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls title-cls">第十七条 保险约定</view>
    <view
      v-for="(item, idx) in seventeen"
      :key="idx"
      class="p-cls"
    >
      {{ item.text }}
    </view>
    <view class="p-cls">甲方：{{ agreementData.shopName }}</view>
    <view class="p-cls">
      签约日期：{{ agreementData.createTime }}
    </view>
    <view class="p-cls">乙方：{{ agreementData.userName }}</view>
    <view class="p-cls">
      签约日期：{{ agreementData.createTime }}
    </view>
    <view class="p-cls">
      丙方：{{ agreementData.platformName }}
    </view>
    <view class="p-cls">
      签约日期：{{ agreementData.createTime }}
    </view>

    <view class="p-cls">

    </view>
    <view class="p-cls">附件一：</view>
    <view class="header-cls">个人信息查询、采集及使用授权书</view>
    <view class="p-cls bold-cls">为了保障您的合法权益，在您确认签署《个人信息查询、采集及使用授权书》之前，请您务必仔细阅读《个人信息查询、采集及使用授权书》的所有条款，充分理解条款内容，并严格遵守《个人信息查询、采集及使用授权书》。《个人信息查询、采集及使用授权书》以数据电文形式订立，一旦您在线确认《个人信息查询、采集及使用授权书》，即视为您已充分理解《个人信息查询、采集及使用授权书》所有条款的含义及相应的法律后果，并同意接受所有授权书条款的约束。《个人信息查询、采集及使用授权书》是您向安徽度高信息科技有限公司（下称“被授权人”）做出的单方授权，效力具有独立性，不因其他文件任何条款的无效而无效。即使您的租赁申请未被审核通过，《个人信息查询、采集及使用授权书》各项授权的有效性不受影响。【被授权人承诺】：将严格遵照相关法律法规及监管规定，在您的授权葱围内谨慎使用被授权信息并严格保密。被授权人超越授权范围的一切后果及法律责任由被授权人承担。</view>
    <view class="p-cls bold-cls">个人信息查询、采集及使用授权书</view>
    <view class="p-cls title-cls">一、定义</view>
    <view class="p-cls">1、个人信息，指您的如下信息：</view>
    <view class="p-cls">（1）姓名、出生日期、身份证件号码、住址、电话号码、学历、声音、肖像、虹膜及其他类似的生物特征信息、工作信息、社保信息、家庭信息等个人基本信息。</view>
    <view class="p-cls">（2）借款申请信息、借款合同信息、还款行为信息、借款逾期信息、欠缴水电煤等公用税费的信息、履约情况信息、涉诉信息、行政处罚信息、违法犯罪信息等个人正常信用信息及不良信用信息。您已经充分理解并知晓：前述不良信用信息一旦记录在第三方机构的信息数据库中，有可能会对您日后的经济活动产生不同程度的不良影响。</view>
    <view class="p-cls">（3）个人收入、存款、有价证券、商业保险、银行卡信息、不动产的信息和纳税数额信息等财产性信息。您已经认识到您的前述财产性信息对您而言是私密且重要的信息。您已经充分理解并知晓该等信息被提供和使用的风险。</view>
    <view class="p-cls">（4）其他任何与您有关联的信息，但法律、法规、监管政策禁止的除外。</view>
    <view class="p-cls">2、第三方，指与被授权人或您有直接或间接关联的如下主体或机构：</view>
    <view class="p-cls">（1）中国人民银行金融信用信息基础数据库、依法设立的征信机构、资信评估机构或有关法律、监管机构许可的类似信用机构《以下统称“信用服务机构”）。</view>
    <view class="p-cls">（2）被授权人关联方、与被授权人合作的技术和服务提供方以及与被授权人合作从事信贷业务的合作机构《包括但不限于互联网金融公司、信息科技公司、网络借贷中介机构、居间服务提供方、商品／服务提供方）等。</view>
    <view class="p-cls">（3）部分政府机构、司法机关及公共事业单位《如人力资源和社会保障部门、公积金管理中心、税务部门、民政部门、中国互联网金融协会等机构）。</view>
    <view class="p-cls">（4）依法存有您某方面个人信息的自然人、法人以及其他有关机构（＜包括但不限于物流、通信运营商、电子商务平台、电子认证服务提供者、互联网平台等机构或主体）等。</view>
    <view class="p-cls title-cls">二、授权内容</view>
    <view class="p-cls bold-cls">本人现同意向被授权人郑重授权如下：</view>
    <view class="p-cls">（一）被授权人有权在下列情形下自行或通过第三方查询、核实、采集本人个人信息：本人理解，如果不查询、核实、采集本人的一些必要信息，被授权人将无法客观判断本人的还款能力和还款意愿，也无法履行法律法规或监管规定要求被授权人必须履行的一些法定义务（如反洗钱等）。为了依法合规地向本人提供更好的服务，本人理解并同意被授权人通过以下方式查询、核实、采集本人的信息：</view>
    <view class="p-cls">（1）查询、核实、采集本人在申请或使用贷款时向被授权人、被授权人关联方、被授权人技术和服务提供方、被授权人合作机构提供的信息，如姓名、身份证号、联系电话、联系地址等；</view>
    <view class="p-cls">（2）查询、核实、采集本人在被授权人、被授权人关联方、被授权人技术和服务提供方、被授权人合作机构留存或形成的与贷款相关的必要信息，如本人的资产信息、贷款申请信息、履约信息、日志信息等；</view>
    <view class="p-cls">（3）向依法设立的信用服务机构查询、核实和采集本人的信用信息和／或信用报告；</view>
    <view class="p-cls">（4）向部分政府机构、司法机关及公共事业单位及其他有关机构查询、核实和采集与贷款相关的必要信息，如本人的诉讼信息、社保信息等。</view>
    <view class="p-cls">（5）向其他合法留存本人信息的自然人、法人以及其他有关机构查询、核实和采集与贷款相关的必要信息。</view>
    <view class="p-cls">（二）本人同意并授权被授权人可将本人个人信息用于如下用途（下称“授权用途”）：</view>
    <view class="p-cls">（1）为保护本人的账户安全或进行电子签名认证等，对本人进行身份识别和验证；</view>
    <view class="p-cls">（2）为向本人提供适合于本人的服务。并持续维护、改善这些服务，对本人的信息进行分析、处理；</view>
    <view class="p-cls">（3）评估本人履约状况；</view>
    <view class="p-cls">（4）本人向被授权人申请或办理的其他业务；</view>
    <view class="p-cls">（5）为防范信用风险。被授权人有权将本人个人信息用于构建风险模型等；</view>
    <view class="p-cls">（6）其他合法合规的用途。</view>
    <view class="p-cls title-cls">三、特别声明</view>
    <view class="p-cls">本人同意并授权被授权人有权基于授权用途自行或通过第三方查询、核实、采集本人的个人信息。为避免每次查询、核实、采集都需要经过本人的反复确认而导致过程繁琐、或者因此给本人带来不便，本人同意第三方可直接向被授权人提供本人的个人信息而不需要本人再次授权。但法律、法规、监管政策禁止的除外。</view>
    <view class="p-cls title-cls">四、授权期限</view>
    <view class="p-cls">授权期限自本授权书生效之日起，至本人在被授权人处所有业务终结之日止。本人知悉并同意：本人在被授权人有借款额度或授信但无借款余额的情况下，本人与被授权人的业务关系仍然存续，被授权人仍有权向第三方查询、核实、采集或共享本人的基本信息和信用信息。授权期限到期后，为了后续异议或纠纷处理，本人同意被授权人仍可继续留存本人的个人信息和数据。</view>
    <view class="p-cls title-cls">五、争议解决</view>
    <view class="p-cls">若本人与被授权人发生任何纠纷或争议，首先应友好协商解决。协商不成的，本人同意将纠纷或争议提交至【安徽度高信息科技有限公司注册地有管辖权的人民法院】管辖。本授权书的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律。本人声明：本人已仔细阅读上述所有条款。被授权人已应本人要求对相关条款予以明确说明。本人对所有条款的含义及相应的法律后果已全部通晓并充分理解，本人自愿作出上述授权、承诺和声明。</view>
    <view class="p-cls">授权人：{{ agreementData.userName }}</view>
    <view class="p-cls">证件号码：{{ agreementData.idNo }}</view>
    <view class="p-cls">授权书生效日期：{{ agreementData.createTime }}</view>


  </view>
</template>

<script>
import {
  secondData,
  threeData,
  eightData,
  nineData,
  tenData,
  twelveData,
  thirteenData,
  sixteen,
  seventeen,
} from "./data.js"

export default {
  name: "xieyi",

  data() {
    return {
      pId: "", // 产品ID
      oId: "", // 订单ID
      agreementData: {}, // 接口所返回的数据
      secondData,
      threeData,
      eightData,
      nineData,
      tenData,
      twelveData,
      thirteenData,
      sixteen,
      seventeen,
      spec: "", // 规格
      address: {}, // 地址数据
      zuqi: "", // 租期
      zongzujin: "", // 总租金
      planList: [], // 租期计划
      orderId: "", // 订单编号
      xiaoshoujia: "", // 销售价
      daoqimaiduanjia: "", // 到期买断价
    }
  },

  onLoad(e) {
	   console.log( this.$getGlobalData("zongzujinForXieyi"),"getGlobalData")
	  console.log(e,"e")
    this.pId = e.productId
    this.oId = e.orderId
    this.fetchBasicData()
    this.spec = this.$getGlobalData("specForXieyi")
    this.address = this.$getGlobalData("address")
    this.planList = this.$getGlobalData("zujiPlanForXieyi") || []
    this.zuqi = this.planList?.length
    this.zongzujin = this.$getGlobalData("zongzujinForXieyi")
    this.xiaoshoujia = this.$getGlobalData("xiaoshoujiaForXieyi")
    this.daoqimaiduanjia = this.$getGlobalData("daoqimaiduanjiaForXieyi")
  },

  methods: {
    /**
     * 加载协议的一些基本信息
     */
    fetchBasicData() {
      const postData = {}
      if (this.pId) {
        postData.productId = this.pId
        postData.uid = this.$getUid()
      } else {
        postData.orderId = this.oId
      }
      if (JSON.stringify(postData) == "{}") return

      return this.$request("hzsx/api/order/userOrderAgreementV2", postData, "post", false, true).then(res => {
        const resData = res?.data || {}
        this.agreementData = resData
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.page-container-wrapper {
  min-height: 100vh;
  box-sizing: border-box;
  padding: 20rpx;
  padding-bottom: 60rpx;
  .header-cls {
    font-size: 40rpx;
    font-weight: bold;
    margin-bottom: 20rpx;
    text-align: center;
  }
  .p-cls {
    font-size: 30rpx;
    line-height: 1.45em;
  }
  .p-cls+.p-cls {
    margin-top: 20rpx;
  }
  .bold-cls {
    font-weight: bold;
  }
  .title-cls {
    font-size: 34rpx;
    font-weight: bold;
    margin: 36rpx 0 !important;
  }
}
</style>